.TensionExceedHandle {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  
  .echrts {
    width: 99.8%;
    margin-top: 0.5%;
    height: 43%;
.app-container-btn {
    display: flex;
}
  
    // .projectBox {
    //   width: 22%;
    //   // background: red;
    //   background: #fff;
    //   height: 100%;
    //   padding: 0 20px;
    //   display: flex;
    //   margin-right: 0.4%;
    //   flex-direction: column;
  
    //   .textBox {
    //     position: relative;
    //     height: 39px;
    //     line-height: 39px;
    //     color: rgba(23, 26, 29, 0.6);
    //     font-size: 15px;
    //     border-bottom: 1px solid rgba(126, 134, 142, 0.24);
    //     padding-left: 10px;
    //   }
  
    //   .commonEchars {
    //     flex: 1;
    //   }
    // }
  
    // .pieNum {
    //   width: 24%;
    //   background: #fff;
    //   display: flex;
    //   flex-direction: column;
  
    //   height: 100%;
    //   padding: 0 20px;
  
    //   .textBox {
    //     position: relative;
    //     height: 39px;
    //     line-height: 39px;
    //     color: rgba(23, 26, 29, 0.6);
    //     font-size: 15px;
    //     border-bottom: 1px solid rgba(126, 134, 142, 0.24);
    //     padding-left: 10px;
    //   }
  
    //   .commonEchars {
    //     flex: 1;
    //     // height: 100%;
    //     overflow: hidden;
  
    //     .topecharts {
    //       height: 60%;
    //     }
  
    //     .bootomData {
    //       height: 40%;
    //       display: flex;
    //       flex-direction: column;
    //       padding: 0 0.2rem 0.1rem 0.2rem;
    //       // border: 1px solid green;
    //       box-sizing: border-box;
  
    //       .textTitle {
    //         height: 20px;
    //         // border: 1px solid red;
    //         line-height: 20px;
    //         font-size: 12px;
    //         color: rgba(23, 26, 29, 0.4);
    //       }
  
    //       .textData {
    //         display: flex;
    //         flex-wrap: wrap;
    //         height: 85%;
    //         // flex: 1;
    //         justify-content: space-between;
    //         // justify-content: space-evenly; /* 水平均匀分布 */
    //         align-items: center;
  
    //         /* 垂直居中 */
    //         .oneBox1 {
    //           background: url("../../../assets/img/foundationPie/01.png") no-repeat;
  
    //           .rights {
    //             color: rgba(114, 145, 253, 1);
    //           }
    //         }
  
    //         .oneBox2 {
    //           background: url("../../../assets/img/foundationPie/02.png") no-repeat;
  
    //           .rights {
    //             color: rgba(255, 217, 111, 1);
    //           }
    //         }
  
    //         .oneBox3 {
    //           background: url("../../../assets/img/foundationPie/03.png") no-repeat;
  
    //           .rights {
    //             color: rgba(255, 179, 0, 1);
    //           }
    //         }
  
    //         .oneBox4 {
    //           background: url("../../../assets/img/foundationPie/04.png") no-repeat;
  
    //           .rights {
    //             color: rgba(253, 115, 115, 1);
    //           }
    //         }
  
    //         .top {
    //           display: flex;
    //           width: 100%;
    //           height: 50%;
    //           justify-content: space-between;
  
    //           .oneBox {
    //             width: 48%;
    //             height: 80%;
    //             // border: 1px solid red;
    //             margin-top: 0.05rem;
    //             background-size: 100% 100%;
    //             display: flex;
    //             justify-content: space-between;
  
    //             .lefts {
    //               width: 23%;
    //               // border: 1px solid red;
    //               font-size: 0.14rem;
    //               color: #fff;
    //               text-align: center;
    //             }
  
    //             .rights {
    //               width: 65%;
    //               font-size: 0.18rem;
    //               font-weight: 700;
    //             }
    //           }
    //         }
  
    //         .bottom {
    //           display: flex;
    //           width: 100%;
    //           justify-content: space-between;
    //           height: 50%;
  
    //           .oneBox {
    //             width: 48%;
    //             height: 80%;
    //             // border: 1px solid red;
    //             margin-top: 0.05rem;
    //             background-size: 100% 100%;
    //             display: flex;
    //             justify-content: space-between;
  
    //             .lefts {
    //               width: 23%;
    //               font-size: 0.14rem;
    //               color: #fff;
    //               text-align: center;
    //             }
  
    //             .rights {
    //               width: 65%;
    //               font-size: 0.18rem;
    //               font-weight: 700;
    //             }
    //           }
    //         }
    //       }
    //     }
    //   }
    // }
  
    // .pieStatitic {
    //   width: 51%;
    //   background: #fff;
    //   display: flex;
    //   flex-direction: column;
    //   height: 100%;
    //   padding: 0 20px;
    //   margin-left: 0.4%;
  
    //   .textBox {
    //     position: relative;
    //     height: 39px;
    //     line-height: 39px;
    //     color: rgba(23, 26, 29, 0.6);
    //     font-size: 15px;
    //     border-bottom: 1px solid rgba(126, 134, 142, 0.24);
    //     padding-left: 10px;
    //   }
  
    //   .commonEchars {
    //     flex: 1;
  
    //     .textBox {
    //       position: relative;
    //       height: 39px;
    //       line-height: 39px;
    //       color: rgba(23, 26, 29, 0.6);
    //       font-size: 15px;
    //       border-bottom: 1px solid rgba(126, 134, 142, 0.24);
    //       padding-left: 10px;
    //     }
  
    //     .commonEchars {
    //       flex: 1;
    //     }
    //   }
    // }
  }
  
//   .echrts .textBox::before {
//     display: block;
//     content: "";
//     border-left: 4px solid rgba(23, 26, 29, 0.6);
//     position: absolute;
//     top: 50%;
//     left: 1px;
//     transform: translate(-50%, -50%);
//     height: 14px;
//   }
  
  
  .tableInfo {
    position: relative;
    height: 57%;
  }